
//al presionar el agregar se limpiar el formulario
$("#agregar").click(function() {
    clearForm();
    $('.modal').on('shown.bs.modal', function() {
        lastfocus = $(this);
        $(this).find('input:text:visible:first').select().focus();
    });
});
function clearForm() {
    $("#formCiudad")[0].reset();
    $("#id").val(0);
    $("#nombre").val("");
    $("#sigla").val("0");
    $("#mensaje_form").val("");

}
//realiza para al controlador para borrar
function eliminarDato(id) {
    //usaremos un cuadro de confirmacion 
    var eliminar = confirm("De verdad desea eliminar este dato?");
    if (eliminar) {

        $.ajax({
            type: 'POST',
            url: './fuentes/controller/Ciudad.php',
            data: 'accion=delete&id=' + id,
            // Mostramos un mensaje con la respuesta de PHP
            success: function(data) {
                if (data[0] === 'E' && data[1] === 'r') {
                    $('#error').html(data);
                } else {
                    $('#content-load').html(data);
                }
            },
            error: function(data) {
                $("#error");
            }
        });
    }
}
//realizar la petion para editar los datos
function editDatos(id) {
    $.ajax({
        type: 'POST',
        url: './fuentes/controller/Ciudad.php',
        data: 'accion=edit&id=' + id,
        // Mostramos un mensaje con la respuesta de PHP
        success: function(data) {
            if (data[0] === 'E' && data[1] === 'r') {
                $('#mensaje_form').html(data);

            } else {
                $('#formCiudad').html(data);
                $('.modal').on('shown.bs.modal', function() {
                    lastfocus = $(this);
                    $(this).find('input:text:visible:first').select().focus();
                });
                $('#myModalCiudadADD').modal('show');



            }
        },
        error: function(data) {
            $("#error");
        }
    });

}

$('#cmbTipoListado').change(function() {
    $.ajax({
        type: 'POST',
        url: './fuentes/controller/Ciudad.php',
        data: 'accion=list&tipoListado=' + this.value,
        // Mostramos un mensaje con la respuesta de PHP
        success: function(data) {
            $('#content-load').html(data);
        },
        error: function(data) {
            $("#error");
        }
    });
});
//esto realizar la valizacion del formulario
$('#formCiudad').validate({
    focusInvalid: false,
    ignore: "",
    rules: {
        nombre: {
            minlength: 2,
            required: true
        },
        ip: {
            minlength: 2,
            required: true
        }


    },
    invalidHandler: function(event, validator) {
        //display error alert on form submit  

    },
    errorPlacement: function(label, element) { // render error placement for each input type   
        $('<span class="error"></span>').insertAfter(element).append(label);
        var parent = $(element).parent('.input-with-icon');
        parent.removeClass('success-control').addClass('error-control');
    },
    highlight: function(element) { // hightlight error inputs
        var parent = $(element).parent();
        parent.removeClass('success-control').addClass('error-control');
    },
    unhighlight: function(element) { // revert the change done by hightlight

    },
    success: function(label, element) {
        var parent = $(element).parent('.input-with-icon');
        parent.removeClass('error-control').addClass('success-control');
    },
    submitHandler: function(form) {

        $('#mensaje_form').html("");

        $('#loading').css('visibility', 'visible');
        $.ajax({
            type: 'POST',
            url: $(form).attr('action'),
            data: 'accion=save&' + $(form).serialize(),
            // Mostramos un mensaje con la respuesta de PHP
            success: function(data) {
                if (data[0] === 'E' && data[1] === 'r') {
                    $('#mensaje_form').html(data);

                } else {
                    $('#myModalCiudadADD').modal('hide');
                    $(".modal-backdrop").hide();

                    $('body').removeClass('modal-open');
                    $('.modal-backdrop').remove();

                    $('#content-load').html(data);

                }
                $('#loading').css('visibility', 'hidden');
                clear(form);
            },
            error: function(data) {
                $("#error");
                $('#loading').css('visibility', 'hidden');
            }
        });

    }
});


